<!DOCTYPE>
<html>
<head>
	<meta charset="utf-8" />
	<title>电商网站</title>	
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script><!--引入myFocus库-->
	<script type="text/javascript" src="js/myfocus_zdy.js"></script><!--自定义myfocus-->
	<script type="text/javascript">
		window.onload=function(){
			var li1=document.getElementsByTagName("");
			for(var i=0;i<li1.length;i++){
				li1[i].onmouseover=function(){
					this.className='shopclass_item_hover';
				}
				Lli[i].onmouseout=function(){
					this.className='';
				}
			}
		}
	</script>
</head>
<body>
<div class="headerBar">
	<div class="topBar">
		<div class="comWidth">
			<div class="leftArea">
				<a href="#" class="collection">收藏慕课</a>
			</div>
			<div class="rightArea">
				欢迎来到慕课网！<a href="">[登录]</a><a href="">[免费注册]</a>
			</div>
		</div>
	</div><!-- topBar结束 -->
	<div class="logoBar ">
		<div class="comWidth">	
			<div class="logo fl">
				<a href="#"><img src="images/logo.png" alt="慕课网"></a>
			</div>
			<div class="search_box fl">
				<input type="text" class="search_text fl" />
				<input type="button" value="搜 索" class="search_btn fr">
			</div>
			<div class="shopCar fr">
				<span class="shopText fl">购物车</span>
				<span class="shopNum fl">25</span>
			</div>
		</div>
	</div><!--  logoBar结束  -->
	<div class="navbox">
		<div class="comWidth">
			<div class="shopClass fl">
				<h3  class="active">全部商品分类<i></i></h3>
				<div class="shopclass_show">
					<dl class="shopclass_item">
						<dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="alink_bg">合约机</a></dt>
						<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
						<div class="submenu">
							<div class="leftdiv">
								<dl>
									<dt><a>手机通讯</a></dt>
									<dd><a>手机</a><a>对讲机</a><a>以旧换新</a><a>以旧换新</a><a>以旧换新</a><a>以旧换新</a><a>以旧换新</a>
									</dd>
								</dl>
								<dl>
									<dt><a>手机通讯</a></dt>
									<dd><a>手机</a><a>对讲机</a><a>以旧换新</a><a>以旧换新</a><a>以旧换新</a><a>以旧换新</a><a>以旧换新</a>
									</dd>
								</dl>
								<dl>
									<dt><a>运营商</a></dt>
									<dd><a>合约机</a><a>办套餐</a><a>选号码</a><a>装宽带</a><a>中国移动</a><a>中国联通</a><a>中国电信</a>
									</dd>
								</dl>
								<dl>
									<dt><a>运营商</a></dt>
									<dd><a>合约机</a><a>办套餐</a><a>选号码</a><a>装宽带</a><a>中国移动</a><a>中国联通</a><a>中国电信</a>
									</dd>
								</dl>
								<dl>
									<dt><a>运营商</a></dt>
									<dd><a>合约机</a><a>办套餐</a><a>选号码</a><a>装宽带</a><a>中国移动</a><a>中国联通</a><a>中国电信</a>
									</dd>
								</dl>
								<dl>
									<dt><a>京东通讯</a></dt>
									<dd><a>手机</a><a>对讲机</a><a>以旧换新</a><a>以旧换新</a>
									</dd>
								</dl>
							</div><!-- 左侧结束 -->
							<div class="rightdiv">
								<dl>
			                        <dd>
			                            <a href="http://sale.jd.com/act/1XDZ6ShE5M7tTrl.html">
			                                <img src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/1B/rBEbRlOCFcoIAAAAAAArMNB2tlkAACTlwDgVG8AACtI514.jpg"
			                                    width="194" height="70" title="\家电">
			                            </a>
			                        </dd>
			                        <dd>
			                            <a href="http://sale.jd.com/act/v8kJIaPmsMGuebpH.html">
			                                <img src="http://img30.360buyimg.com/erpVCAare/g16/M00/0B/19/rBEbRlOAiHUIAAAAAAAx8X2c6oIAACTCAP56A4AADIJ112.jpg"
			                                    width="194" height="70" title="小家电--三请聚宝盆">
			                            </a>
			                        </dd>
			                    </dl>
			                    <dl>
			                        <dt>推荐品牌</dt>
			                        <dd>
			                            <a href="#" class="rda">美的官方旗舰店</a>
			                        </dd>
			                        <dd>
			                            <a href="#" class="rda">苏泊尔旗舰店</a>
			                        </dd>
			                        <dd>
			                            <a href="#" class="rda">九阳旗舰店</a>
			                        </dd>
			                        <dd>
			                            <a href="#" class="rda">东菱旗舰店</a>
			                        </dd>
			                        <dd>
			                            <a href="#" class="rda">海尔统帅旗舰店</a>
			                        </dd>
			                        <dd>
			                            <a href="#" class="rda">小熊旗舰店</a>
			                        </dd>
			                    </dl>
			                    <div class="rightpic">
			                    	<img src="images/wii.png" />
			                    </div>
							</div><!-- 右侧结束 -->
						</div>
					</dl>
					<dl class="shopclass_item">
						<dt><a href="#" class="b">电脑</a><a href="#" class="b">硬件外设</a><a href="#" class="alink_bg">装机宝</a></dt>
						<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
						<div class="submenu">
							<div class="leftdiv">
								<dl>
									<dt><a>整机附件</a></dt>
									<dd><a>电脑包</a><a>电脑桌</a><a>电池</a><a>电源适配器</a><a>贴膜</a><a>清洁用品</a><a>平板配件</a><a>清洁用品</a>
									<a>平板配件</a>
									</dd>
								</dl>
								<dl>
									<dt><a>手机通讯</a></dt>
									<dd><a>手机</a><a>对讲机</a><a>以旧换新</a><a>以旧换新</a><a>以旧换新</a><a>以旧换新</a><a>以旧换新</a>
									</dd>
								</dl>
								<dl>
									<dt><a>运营商</a></dt>
									<dd><a>合约机</a><a>办套餐</a><a>选号码</a><a>装宽带</a><a>中国移动</a><a>中国联通</a><a>中国电信</a>
									</dd>
								</dl>
								<dl>
									<dt><a>运营商</a></dt>
									<dd><a>合约机</a><a>办套餐</a><a>选号码</a><a>装宽带</a><a>中国移动</a><a>中国联通</a><a>中国电信</a>
									</dd>
								</dl>
							</div>
							<div class="rightdiv"></div>
						</div>
					</dl>
					<dl class="shopclass_item">
						<dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="alink_bg">合约机</a></dt>
						<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
						<div class="submenu">
							<div class="leftdiv">
								<dl>
									<dt><a>电脑外设</a></dt>
									<dd><a>鼠标</a><a>键盘</a><a>游戏外设</a><a>电源适配器</a><a>贴膜</a><a>清洁用品</a><a>平板配件</a><a>清洁用品</a>
									<a>平板配件</a>
									</dd>
								</dl>								
							</div>
							<div class="rightdiv"></div>
						</div>
					</dl>
					<dl class="shopclass_item">
						<dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="alink_bg">合约机</a></dt>
						<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
					</dl>
					<dl class="shopclass_item">
						<dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="alink_bg">合约机</a></dt>
						<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
					</dl>
				</div>
			</div>
			<ul class="nav fl">
				<li><a href="#">数码城</a></li>
				<li><a href="#">天黑黑</a></li>
				<li><a href="#">团购</a></li>
				<li><a href="#">二手特卖</a></li>
				<li><a href="#">名品会</a></li>
			</ul>
		</div>
	</div><!-- navBar结束 -->
</div><!-- headerBar结束 -->
<div class="comWidth clearfix">
	<div class="banner " id="picbox">
		<div class="pic"><!--内容列表(li数目可随意增减)-->
		  	<ul>
		        <li><a href="#"><img src="images/banner01.png" thumb="" alt="标题1"/></a></li>
		        <li><a href="#"><img src="images/banner02.png" thumb="" alt="标题2"/></a></li>
		        <li><a href="#"><img src="images/banner01.png" thumb="" alt="标题3"/></a></li>	       
		  	</ul>
	  	</div>
	</div>
</div><!-- banner结束 -->
<div class="shopTit comWidth">
	<span class="icon"></span><h3>家用电脑</h3>
	<a href="#" class="more">更多&gt;&gt;</a>
</div><!-- shopTit结束 -->
<div class="shopList comWidth clearfix">
	<div class="leftArea"> <!-- 列表左侧 -->
		<div class="banner_bar banner_sm">
			<ul class="imgbox">
				<li><a href="#"><img src="images/banner_sm_02.png" alt="banner"></a></li>
				<li><a href="#"><img src="images/banner_sm_01.png" alt="banner"></a></li>
			</ul>
			<div class="imgNum">
				<a href="#" class="active"></a><a href="#"></a>
			</div>
		</div>
	</div>
	<div class="rightArea clearfix"> <!-- 列表右侧 -->
		<div class="shopList_top clearfix">
			<div class="shop_item">
				<div class="shop_img">
					<img src="images/shopImg.gif" alt="" />
				</div>
				<h3>HTC新渴望8系列</h3>
				<p>1889元</p>
			</div>
			<div class="shop_item">
				<div class="shop_img">
					<img src="images/shopImg.gif" alt="" />
				</div>
				<h3>HTC新渴望8系列</h3>
				<p>1889元</p>
			</div>
			<div class="shop_item">
				<div class="shop_img">
					<img src="images/shopImg.gif" alt="" />
				</div>
				<h3>HTC新渴望8系列</h3>
				<p>1889元</p>
			</div>
			<div class="shop_item">
				<div class="shop_img">
					<img src="images/shopImg.gif" alt="" />
				</div>
				<h3>HTC新渴望8系列</h3>
				<p>1889元</p>
			</div>
		</div>
		<div class="shopList_sm clearfix">
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="#"><img src="images/shopImg.gif"></a>
				</div>
				<div class="shopItem_text">
					<p>NFC技术一碰轻松配对!接触屏幕</p>
					<h3>$143.00</h3>
				</div>
			</div>
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="#"><img src="images/shopImg.gif"></a>
				</div>
				<div class="shopItem_text">
					<p>NFC技术一碰轻松配对!接触屏幕</p>
					<h3>$143.00</h3>
				</div>
			</div>
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="#"><img src="images/shopImg.gif"></a>
				</div>
				<div class="shopItem_text">
					<p>NFC技术一碰轻松配对!接触屏幕</p>
					<h3>$143.00</h3>
				</div>
			</div>
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="#"><img src="images/shopImg.gif"></a>
				</div>
				<div class="shopItem_text">
					<p>NFC技术一碰轻松配对!接触屏幕</p>
					<h3>$143.00</h3>
				</div>
			</div>
		</div>
	</div>
</div><!-- shopList结束 -->
<!--  -->
<div class="shopTit comWidth">
	<span class="icon"></span><h3>家用电脑</h3>
	<a href="#" class="more">更多&gt;&gt;</a>
</div><!-- shopTit结束 -->
<div class="shopList comWidth clearfix">
	<div class="leftArea"> <!-- 列表左侧 -->
		<div class="banner_bar banner_sm">
			<ul class="imgbox">
				<li><a href="#"><img src="images/banner_sm_02.png" alt="banner"></a></li>
				<li><a href="#"><img src="images/banner_sm_01.png" alt="banner"></a></li>
			</ul>
			<div class="imgNum">
				<a href="#" class="active"></a><a href="#"></a>
			</div>
		</div>
	</div>
	<div class="rightArea clearfix"> <!-- 列表右侧 -->
		<div class="shopList_top clearfix">
			<div class="shop_item">
				<div class="shop_img">
					<img src="images/shopImg.gif" alt="" />
				</div>
				<h3>HTC新渴望8系列</h3>
				<p>1889元</p>
			</div>
			<div class="shop_item">
				<div class="shop_img">
					<img src="images/shopImg.gif" alt="" />
				</div>
				<h3>HTC新渴望8系列</h3>
				<p>1889元</p>
			</div>
			<div class="shop_item">
				<div class="shop_img">
					<img src="images/shopImg.gif" alt="" />
				</div>
				<h3>HTC新渴望8系列</h3>
				<p>1889元</p>
			</div>
			<div class="shop_item">
				<div class="shop_img">
					<img src="images/shopImg.gif" alt="" />
				</div>
				<h3>HTC新渴望8系列</h3>
				<p>1889元</p>
			</div>
		</div>
		<div class="shopList_sm clearfix">
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="#"><img src="images/shopImg.gif"></a>
				</div>
				<div class="shopItem_text">
					<p>NFC技术一碰轻松配对!接触屏幕</p>
					<h3>$143.00</h3>
				</div>
			</div>
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="#"><img src="images/shopImg.gif"></a>
				</div>
				<div class="shopItem_text">
					<p>NFC技术一碰轻松配对!接触屏幕</p>
					<h3>$143.00</h3>
				</div>
			</div>
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="#"><img src="images/shopImg.gif"></a>
				</div>
				<div class="shopItem_text">
					<p>NFC技术一碰轻松配对!接触屏幕</p>
					<h3>$143.00</h3>
				</div>
			</div>
			<div class="shopItem_sm">
				<div class="shopItem_smImg">
					<a href="#"><img src="images/shopImg.gif"></a>
				</div>
				<div class="shopItem_text">
					<p>NFC技术一碰轻松配对!接触屏幕</p>
					<h3>$143.00</h3>
				</div>
			</div>
		</div>
	</div>
</div><!-- shopList结束 -->
<div class="footer"><!-- -->
	<p>
		<a href="#">网站首页</a><i>|</i>
		<a href="#">人才招聘</a><i>|</i>
		<a href="#">联系我们</a><i>|</i>
		<a href="#">慕课云</a><i>|</i>
		<a href="#">关于我们</a><i>|</i>
		<a href="#">讲师招募</a><i>|</i>
		<a href="#">意见反馈</a><i>|</i>
		<a href="#">友情链接</a>
	</p>
	<p>Copyright &copy; 2015 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
	<p class="web">
		<a herf="#"><img src="images/weblogo.gif" alt=""></a>
		<a herf="#"><img src="images/weblogo.gif" alt=""></a>
		<a herf="#"><img src="images/weblogo.gif" alt=""></a>
		<a herf="#"><img src="images/weblogo.gif" alt=""></a>
	</p>
</div>
</body>
</html>
